@charset "utf-8";
/* CSS Document */
@font-face
{

}
body
{
	margin:0 auto;
	width:100%;
	background:#D9EAFD;
	font-family:"Myriad Pro Cond", "Myriad Pro Light";
	
}
.content
{
	position:absolute;
	width:100%;
	height:2500px;
	overflow:hidden;
	
}
a
{
	text-decoration:none;
	color:white;
}
.title
{
	background:url(../images/title_00000.png);
	width:350px;
	height:200px;
}
nav
{
	width:60%;
	height:30px;
	font-size:25px;
}
.bt
{
	width:25%;
	height:100%;
	float:left;
	background:#ABD1FC;
	text-align:center;
	padding:10px 0 10px 0;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	box-shadow:0 5px 0px #86BDFB;
}
.bt:hover
{
	background:#70C2FA;
}
.bt:active
{
	background:#CCE3FD;
}
.active
{
	background:#70C2FA;
}
.block
{
	width:60%;
	height:2008px;
	margin-top:30px;
	background:#ABD1FC;
	box-shadow:0 5px 0px #86BDFB;
	color:white;
	font-family:"Myriad Pro Light";
	
}
.bok
{
	float:left;
	margin-top:10px;
	width:100px;
	padding:10px 20px 10px 20px;
	color:white;
	background:#86BDFB;
	box-shadow:0 3px 0px #55ACFB;
	font-size:20px;
}
.in
{
	position:relative;
	top:25px;
	text-align:left;
	padding:10px;
	height:auto;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
}
.korzina
{
	float:right;
	margin-top:10px;
	margin-right:10px;
	height:25px;
	padding:10px;
	background:#86BDFB;
	box-shadow:0 3px 0px #55ACFB;
	font-size:20px;
	z-index:120;
	position:relative;
	
}
.korzina:hover
{
	background:#70C2FA;
}
.korzina:active
{
	top:2px;
	box-shadow:0 2px 0px #55ACFB;
}
.korzina-in
{
	position:absolute;
	top:calc(0% + 500px);
	left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	z-index:220;
	width:300px;
	height:300px;
	padding:10px;
	background:#86BDFB;
	box-shadow:0 5px 0px #55ACFB;
	font-size:20px;
	display:block;
	opacity:0;
	color:white;
}
.side-block
{
	width:100%;
	height:auto;
	background:#86BDFB;
	float:left;
	overflow:hidden;
	
}

.mask
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:200;
	opacity:0;
}
.close
{
	position:absolute;
	right:0;
	top:0;
	margin-right:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#aaa;
	cursor:pointer;
	z-index:9999;
	-webkit-transition:all 1s ease-in-out;
}
.close:hover
{
	color:white;
}
.side-block span
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:white;
	padding:10px;
	text-align:start;
	float:left;
	
}
h2
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:900;
	margin-top:20px;
	margin-bottom:10px;
}
.how
{
	position:fixed;
	color:white;
	font-size:30px;
	bottom:0;
	left:0;
	margin-bottom:15px;
	background:#ABD1FC;
	box-shadow:0 5px 0px #86BDFB;
	padding:10px 20px 10px 20px;
	cursor:pointer;
}
.how:active
{
	margin-bottom:13px;
	box-shadow:0 4px 0px #86BDFB;
}
.how-in
{
	width:100%;
	height:100px;
	position:fixed;
	left:0;
	top:0;
	background:#ABD1FC;
	z-index:300;
	box-shadow:0 5px 0px #86BDFB;
}
#about
{
	height:auto;
}
#prices
{
	background:#ABD1FC;
}
table
{
	width:500px;
	height:200px;
	margin-top:80px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	position:absolute;
}
td
{
	background:#86BDFB;
	padding:5px;
}
.block .table
{
	position:relative;
	margin-left:15px;
	height:380px;
}
#gallery
{

	height:1163px;

}

.photoes button
{
	padding:10px;
	background:#86BDFB;
	border:0px solid white;
	cursor:pointer;
	color:white;
	position:absolute;
	right:0;
	bottom:0;
	margin:15px;
	-webkit-transition:all 1s ease;
}
.photoes button:hover
{
	background:#1881F3;
}

.panel
{
	width:23.7%;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	float:left;
}
.panel span
{
	width:91.5%;
	height:150px;
	background:white;
	z-index:1000;
	position:relative;
	color:black;
	
}
.photoes
{
	width:100%;
	margin-top:25px;
	float:left;
}
.photoes img
{
	width:100%;
	height:100%;
	
	
	
}
.content .tothetop
{
	opacity:0;
	padding:10px 30px 10px 30px;
	background:black;
	position:fixed;
	z-index:9999;
	top:85%;
	right:0;
	margin-right:100px;
	cursor:pointer;
	
	
}
#footer
{
	width:100%;
	height:70px;
	background:#ABD1FC;
	position:relative;
	
}